<template>
	<view class='order-detail-index-containter'>
		<!--订单详情信息-->
		<view class="order-detail-log-containter">
			<view class="order-detail-log-top">
				<image class="order-detail-log-top-icon" src="../../static/img/common/order_2.png"></image>
				<view class="order-detail-log-top-txt">
					<block v-if="orderDetail.orderStatus == 1">
						<span class="wait-pay-tips">等待买家付款</span>
						<span class="wait-pay-time">剩{{ restTime }}分钟自动关闭</span>
					</block>
					<block v-if="orderDetail.orderStatus == 2">
						<span class="wait-pay-tips">超时未支付</span>
					</block>
					<block v-if="orderDetail.orderStatus == 3">
						<span class="wait-pay-tips">待发货</span>
					</block>
					<block v-if="orderDetail.orderStatus == 4">
						<span class="wait-pay-tips">卖家已发货</span>
					</block>
					<block v-if="orderDetail.orderStatus == 5">
						<span class="wait-pay-tips">已签收</span>
					</block>
					<block v-if="orderDetail.orderStatus == 6">
						<span class="wait-pay-tips">已评价</span>
					</block>
					<block v-if="orderDetail.orderStatus == 9">
						<span class="wait-pay-tips">订单取消</span>
					</block>
					<block v-if="orderDetail.orderStatus == 10">
						<span class="wait-pay-tips">已退款</span>
					</block>
					<block v-if="orderDetail.orderStatus == 11">
						<span class="wait-pay-tips">退款中</span>
					</block>
					<block v-if="orderDetail.orderStatus == 12">
						<span class="wait-pay-tips">退款失败 请联系客服</span>
					</block>
				</view>
			</view>
			<view @tap="onLookLogistics(orderDetail)" class="order-detail-log-center"
				v-if="orderDetail.orderStatus != 9 && orderDetail.orderStatus != 1 && orderDetail.orderStatus != 2 && orderDetail.orderStatus != 3 && orderDetail.orderStatus != 10 && orderDetail.orderStatus != 11 && orderDetail.orderStatus != 12">
				<view class="order-detail-log-center-left">
					<view class="order-detail-log-center-left-txt">
						<image class="order-detail-log-center-icon" src="../../static/img/common/order_1.png"></image>
						查看物流
					</view>
					<view class="order-detail-log-center-left-txt">{{ shipTime }}</view>
				</view>
				<view class="order-detail-log-center-right">></view>
			</view>
			<view class="order-detail-log-bottom">
				<image class="order-detail-log-bottom-icon" src="../../static/img/common/order_0.png"></image>
				<view class="order-detail-log-bottom-info">
					<view class="order-detail-log-bottom-info-name">
						<view class="order-detail-log-bottom-info-nick-name">{{ orderDetail.receiverName }}</view>
						<span>{{ orderDetail.receiverTel }}</span>
					</view>
					<view class="order-detail-log-bottom-info-address">{{
						orderDetail.receiverProvince +
						orderDetail.receiverCity + orderDetail.receiverArea + orderDetail.receiverAddress
					}}</view>
				</view>
			</view>
		</view>
		<block>
			<!--我的订单-商家Item-->
			<view class='my-orders-shop-item-containter'>
				<view class="my-orders-shop-item-top">
					<view class="my-orders-shop-item-top-left">
						<image class="my-orders-shop-item-top-left-shop"
							src="../../static/img/shoppingCart/icon_shop.png" />
						<view class="my-orders-shop-item-top-left-shop-name">{{ mallConfig.storeName }}</view>
						<view class="my-orders-shop-item-top-left-arrow">></view>
					</view>
					<view class="my-orders-shop-item-top-tips">{{ orderDetail.tips }}</view>
				</view>
				<view class="my-orders-shop-item-detail">
					<block v-for="item in orderDetail.products" :key="item.productId">
						<view class="my-orders-shop-item-detail-item" @tap="onGotoDetail(item)">
							<view class="my-orders-shop-item-detail-item-left">
								<image mode="widthFix" class="my-orders-shop-item-detail-item-left-img"
									:src="item.productSquareUrl" />
								<view class="my-orders-shop-item-detail-item-left-txt">
									<view class="my-orders-shop-item-detail-item-left-title">{{ item.productName }}
									</view>
									<!-- <view class="my-orders-shop-item-detail-item-left-desc">{{ item.productDesc }}</view> -->
								</view>
							</view>
							<view class="my-orders-shop-item-detail-item-right">
								<view class="my-orders-shop-item-detail-item-right-money">￥{{ item.price }}</view>
								<view class="my-orders-shop-item-detail-item-right-cnt">x{{ item.count }}</view>
							</view>
						</view>
						<view v-if="orderDetail.orderStatus == 3 || orderDetail.orderStatus == 4" class="sale_after">
							<view class="my-orders-shop-item-control-btn gray" @tap="toAfter(item)">
								售后/退款</view>
						</view>
					</block>
				</view>
				<view class="my-orders-shop-item-total" v-if="orderDetail.couponConfig !== null">
					<span>商品总额:</span>
					<span style="color:rgba(242, 85, 0, 1)" class="my-orders-shop-item-total-money">￥{{
						originPrice || ''
					}}</span>
				</view>
				<view class="my-orders-shop-item-total" v-if="orderDetail.couponConfig !== null">
					<span>商品优惠:</span>
					<span style="color:rgba(242, 85, 0, 1)" class="my-orders-shop-item-total-money">-￥{{
						orderDetail.couponAmount || ''
					}}</span>
				</view>
				<view v-if="expressAmount != 0" class="my-orders-shop-item-total">
					<span>运费</span>
					<span style="color:rgba(242, 85, 0, 1)" class="my-orders-shop-item-total-money">￥{{
						expressAmount
					}}</span>
				</view>
				<view class="my-orders-shop-item-total">
					<span>共{{ totalCount }}件商品</span>
					<span>
						实付款：<span style="color:rgba(242, 85, 0, 1)" class="my-orders-shop-item-total-money">￥{{
						orderDetail.totalAmount || ''
					}}</span>
					</span>
				</view>
				<view class="my-orders-shop-item-control">
					<view v-if="orderDetail.orderStatus === 1" class="my-orders-shop-item-control-btn gray"
						@tap="onCancelOrder(orderDetail)">
						取消</view>
					<view v-if="orderDetail.orderStatus === 1" class="my-orders-shop-item-control-btn red"
						@tap="onPay(orderDetail)">付款
					</view>
					<view v-if="orderDetail.orderStatus === 3" class="my-orders-shop-item-control-btn gray"
						@tap="onNoticeSend(orderDetail)">提醒发货
					</view>
					<view v-if="orderDetail.orderStatus === 3" class="my-orders-shop-item-control-btn gray"
						@tap="refundOrder(orderDetail)">退款
					</view>
					<view v-if="orderDetail.orderStatus === 4" class="my-orders-shop-item-control-btn gray"
						@tap="onLookLogistics(orderDetail)">查看物流
					</view>
					<view v-if="orderDetail.orderStatus === 4" class="my-orders-shop-item-control-btn red"
						@tap="onUpdateOrder(orderDetail)">确认收货
					</view>
					<view v-if="orderDetail.orderStatus == 5 || orderDetail.orderStatus == 6"
						class="my-orders-shop-item-control-btn gray" @tap="onDeleteOrder(orderDetail)">删除订单
					</view>
					<view v-if="orderDetail.orderStatus === -1" class="my-orders-shop-item-control-btn gray"
						@tap="onCancelOrder(orderDetail)">取消关闭
					</view>
					<view v-if="orderDetail.orderStatus === -1" class="my-orders-shop-item-control-btn red"
						bindtap="onPay">
						付款
					</view>
					<view v-if="orderDetail.orderStatus == 3" @tap="changeAddress"
						class="my-orders-shop-item-control-btn gray">
						修改地址
					</view>
				</view>
			</view>
			<!-- <my-orders-shop-item shopItem="{{item}}" index="{{i+1}}"></my-orders-shop-item> -->
		</block>
		<view class='order-detail-time-containter' v-if="orderDetail.orderStatus != 1">
			<view>订单编号：{{ orderDetail.orderNo }} <view class="copy_btn" @tap="onCopy(orderDetail)">复制</view>
			</view>
			<view>下单时间：{{ orderDetail.createTime }}</view>
			<view v-if="orderDetail.shipTime != null">发货时间：{{ orderDetail.shipTime }}</view>
			<view>
				支付方式：
				<span v-if="orderDetail.payWay === 1">微信</span>
				<span v-if="orderDetail.payWay === 2">支付宝</span>
			</view>
		</view>
	</view>
</template>

<script>
import Big from 'big.js';
import {
	order
} from '../../services/index.js';
import qs from "qs";
import {
	mapState,
} from "vuex";
export default {
	data() {
		return {
			restTime: '',
			totalCount: 0,
			originPrice: '',
			orderDetail: {
				products: [],
			},
			expire: 0,
			expressAmount: 0,
			shipTime: '',
			reOrder: false,
			showInvoice: '0',
			orderNo: '',
		}
	},
	components: {
	},
	computed: {
		...mapState(["mallConfig", "userToken", "flutterDone"]),
	},
	mounted() {
	},
	methods: {
		onLoad(params) {
			uni.showLoading();
			// #ifdef H5
			let count = 0;
			let timer = setInterval(() => {
				if (count > 10) {
					//跳转到订单列表
					clearInterval(timer);
					uni.navigateTo({
						url: "/pages/myOrder/index",
					});
				} else if (this.flutterDone || this.userToken !== null) {
					clearInterval(timer);
					this.getOrderDetail(params.orderNo);
					this.orderNo = params.orderNo;
					this.showInvoice = params.showInvoice;
				}
				count++;
			}, 1000);
			// #endif
			// #ifdef MP-WEIXIN 
			this.getOrderDetail(params.orderNo);
			this.orderNo = params.orderNo;
			this.showInvoice = params.showInvoice;
			// #endif
		},
		async getOrderDetail(orderNo) {
			uni.showLoading();
			let res = await order.orderDetail({ orderNo });
			if (res.code === 200) {
				let temp = 0;
				let totalPrice = new Big(0);
				res.data.createTime = res.data.buyTime.replace('T', ' ');
				res.data.totalAmount = new Big(res.data.totalAmount).div(100);
				res.data.expressAmount = new Big(res.data.expressAmount).div(100);
				res.data.products.forEach((e) => {
					temp += e.count;
					e.price = new Big(e.price).div(100);
					totalPrice = totalPrice.plus(e.price.times(e.count));//数量*价格
				});
				if (res.data.shipTime !== null) {
					res.data.shipTime = res.data.shipTime.replace('T', ' ');
				}
				if (res.data.expire !== null && res.data.orderStatus === 1) {
					this.expire = res.data.expire;
					this.countDown();
				}
				if (res.data.couponConfig !== null) {
					res.data.couponAmount = totalPrice.minus(res.data.totalAmount).minus(res.data.expressAmount);
				}
				this.expressAmount = res.data.expressAmount;
				this.totalCount = temp;
				this.orderDetail = res.data;
				this.originPrice = totalPrice;
			}
			uni.hideLoading();
		},
		onLookLogistics(item) {
			let data = {
				deliveryId: item.lcId,
				lId: item.lid,
				orderNo: item.orderNo,
				type: 'order',
			}
			let str = qs.stringify(data);
			uni.navigateTo({
				url: '/pages/logisticsDetails/index?' + str,
			});
		},
		async refundOrder(item) {
			// payWay 1微信 2支付宝
			let that = this;
			uni.showModal({
				title: '是否确认退款',
				confirmText: '确认',
				success: async function (res) {
					if (res.confirm) {
						uni.showLoading();
						let res = {};
						if (item.payWay === 1) {
							res = await order.refundOrder({ orderNo: item.orderNo });
						} else {
							res = await order.refundOrder({ orderNo: item.orderNo });
						}
						if (res.code === 200) {
							uni.showToast({
								icon: 'none',
								title: '已经申请退款',
								complete: () => {
									uni.hideLoading();
								}
							});
							that.orderDetail.orderStatus = 11;
						} else {
							uni.showToast({
								icon: 'none',
								title: res.msg,
								complete: () => {
									uni.hideLoading();
								}
							});
						}
					} else if (res.cancel) {
					}
				}
			})
		},
		async onCancelOrder(item) {
			let that = this;
			uni.showModal({
				title: '是否确认取消该订单',
				confirmText: '确认',
				success: async function (res) {
					if (res.confirm) {
						uni.showLoading();
						let res = await order.closeOrder({ orderNo: item.orderNo });
						if (res.code === 200) {
							uni.showToast({
								icon: 'none',
								title: '取消成功'
							});
							that.orderDetail.orderStatus = 9;
						} else {
							uni.showToast({
								icon: 'none',
								title: res.msg
							});
						}
						uni.hideLoading();
					} else if (res.cancel) {
					}
				}
			})
		},
		onGotoDetail(item) {
			uni.navigateTo({
				url: '/pages/goodsDetail/index?productId=' + item.productId,
			})
		},
		onCopy(item) {
			uni.setClipboardData({
				data: item.orderNo,
				success: function () {
				}
			});
		},
		async onNoticeSend(item) {
			let res = await order.orderRemind({
				orderNo: item.orderNo,
			});
			if (res.code === 200) {
				uni.showToast({
					icon: 'none',
					title: '提醒发货成功'
				});
			}
		},
		async onDeleteOrder(item) {
			let that = this;
			uni.showModal({
				title: '是否确认删除该订单',
				confirmText: '删除',
				success: async function (res) {
					if (res.confirm) {
						uni.showLoading();
						let res = await order.orderStatusChange({
							orderNo: item.orderNo,
							orderStatus: 7,
						});
						if (res.code === 200) {
							uni.showToast({
								icon: 'none',
								title: '删除成功'
							});
							wx.navigateBack({//返回
								delta: 1
							});
						} else {
							uni.showToast({
								icon: 'none',
								title: res.msg
							});
						}
						uni.hideLoading();
					} else if (res.cancel) {
					}
				}
			})
		},
		async onUpdateOrder(item) {
			let that = this;
			uni.showModal({
				title: '是否确认收货',
				confirmText: '确认',
				success: async function (res) {
					if (res.confirm) {
						uni.showLoading();
						let res = await order.orderStatusChange({
							orderNo: item.orderNo,
							orderStatus: 5,
						});
						if (res.code === 200) {
							that.orderDetail.orderStatus = 5;
						} else {
							uni.showToast({
								icon: 'none',
								title: res.msg
							});
						}
						uni.hideLoading();
					} else if (res.cancel) {
					}
				}
			})
		},
		async onPay(item) {
			if (this.reOrder) {
				return false;
			}
			this.reOrder = true;
			let that = this;
			// #ifdef MP-WEIXIN 
			let res = await order.againOrder({ orderNo: item.orderNo });
			if (res.code === 200) {
				wx.requestPayment(
					{
						timeStamp: res.data.timeStamp,//时间戳从1970年1月1日00:00:00至今的秒数,即当前的时间
						nonceStr: res.data.nonceStr,//随机字符串，长度为32个字符以下。
						package: res.data.packageDate,//统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=*
						signType: res.data.signType,//签名类型，默认为MD5，支持HMAC-SHA256和MD5。注意此处需与统一下单的签名类型一致
						paySign: res.data.paySign,//密钥
						success: res => {
							that.orderDetail.orderStatus = 3;
							// uni.navigateTo({
							// 	url: '/pages/myOrder/index?from=orderConfirm',
							// })
						}
					});
			} else {
				uni.showToast({
					icon: 'none',
					title: res.msg
				})
			}
			// #endif

			// #ifdef H5
			let ailRes = {};
			if (item.payWay === 2) {
				ailRes = await order.againOrderV2({ orderNo: item.orderNo });
			} else if (item.payWay === 1) {
				ailRes = await order.againOrderV2({ orderNo: item.orderNo });
			}
			if (ailRes.code === 200) {
				let payWay = 5;
				if (item.payWay === 1) {//服务器返回的item.payWay 和 APP不对应
					payWay = 3;
				}
				let payData = {
					payWay,
				}
				if (payWay === 5) {
					payData.orderInfo = encodeURIComponent(ailRes.data.param)
				} else if (payWay === 3) {
					payData.orderInfo = ailRes.data;
				}
				window.flutter_inappwebview.callHandler('sxbookstore', "sxbookstore://book.rebook.com/function?cmd=pay&data=" + JSON.stringify(payData) + "&callbackId=1&cbDispatcher=loginCallBack").then(function (res) {
					res = JSON.parse(res);
					if (res.data.errCode === 0) {
						if (payRes.resultStatus === 9000) {
							that.orderDetail.orderStatus = 3;
						} else {
							uni.showToast({
								title: '未支付成功',
								icon: 'none'
							});
						}
					}
				});
			} else {
				this.reOrder = false;
				uni.showToast({
					icon: 'none',
					title: res.msg
				})
			}
			// #endif
			this.reOrder = false;
		},
		convertToShowData() {
			let orderDetailInfo = getPageData()[0];
			orderRequest.getOrderStatus({ orderNo: orderDetailInfo.orderNo }).then((res) => {
				this.setData({
					orderStatus: res.data
				}, () => {
					//如果是待支付
					if (res.data.payInfo.orderStatus === 1) {
						var s = this.data.orderStatus.payInfo.expire % 60;
						var m = Math.floor(this.data.orderStatus.payInfo.expire / 60);
						this.setData({ restTime: m + '分钟' }, () => {
							this.data.orderStatus.payInfo.expire--
							if (this.data.orderStatus.payInfo.expire !== 0) {
								this.countDown();
							}
						});
					}
				});
			})
			let { receiverTel, receiverProvince, receiverCity, receiverArea, receiverAddress } = orderDetailInfo;
			orderDetailInfo = Object.assign(orderDetailInfo, {
				receiverTel: convertPhone(receiverTel),//转换手机号
				receiverAddress: receiverProvince + receiverCity + receiverArea + receiverAddress//拼接详细地址
			});
			let shipTime = '';
			if (orderDetailInfo.shipTime !== null) {
				shipTime = formatTime(orderDetailInfo.shipTime * 1000, 'YYYY-MM-DD hh:mm:ss');
			}
			this.setData({
				orderDetailInfo,
				shipTime,
			});
		},
		countDown() {
			setTimeout(() => {
				this.restTime = new Date(this.expire * 1000).Format("mm:ss");
				this.expire--
				if (this.expire !== 0) {
					this.countDown();
				}
			}, 1000)
		},
		toAfter(product) {
			uni.navigateTo({
				url: "/pages/after/index?orderNo=" + this.orderNo + '&productId=' + product.productId,
			});
		},
		changeAddress() {
			uni.removeStorage({
				key: 'selectAddressIdChange'
			});
			uni.navigateTo({
				url: '/pages/changeAddress/index?from=orderDetail&orderNo=' + this.orderNo,
			})
		}
	}
}
</script>

<style scoped>
.order-detail-index-containter {
	position: relative;
	width: 100%;
	min-height: calc(100% - 110rpx);
	padding-bottom: 110rpx;
}

.btn_pay {
	height: 90rpx;
	position: fixed;
	bottom: 0;
}

/*订单详情信息*/
order-detail-time {
	width: 100%;
}

.order-detail-time-containter {
	position: relative;
	background: #fff;
	margin-top: 20rpx;
	font-size: 28rpx;
	color: rgba(51, 51, 51, 1);
	line-height: 75rpx;
	padding-left: 30rpx;
}

.my-orders-shop-item-containter {
	position: relative;
	width: 100%;
	background: #fff;
	margin: 20rpx 0;
	display: inline-block;
}

.my-orders-shop-item-top {
	height: 70rpx;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.my-orders-shop-item-top-left {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.my-orders-shop-item-top-left-shop {
	width: 38rpx;
	height: 32rpx;
	margin: 0 30rpx;
}

.my-orders-shop-item-top-left-shop-name {
	font-size: 28rpx;
	font-weight: bold;
	color: rgba(51, 51, 51, 1);
	margin-right: 15rpx;
}

.my-orders-shop-item-top-left-arrow {
	color: #999;
}

.my-orders-shop-item-top-tips {
	font-size: 28rpx;
	font-weight: bold;
	color: rgba(242, 85, 0, 1);
	line-height: 36rpx;
	margin-right: 30rpx;
}

.my-orders-shop-item-total {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	padding: 0 3%;
	margin-bottom: 20rpx;
	color: #666;
	font-size: 24rpx;
}

.my-orders-shop-item-total-money {
	font-weight: bold;
	font-size: 32rpx;
}

.my-orders-shop-item-control {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	border-top: 1rpx solid rgba(230, 230, 230, 1);
	padding: 30rpx 0;
}

.my-orders-shop-item-control-btn {
	width: 173rpx;
	height: 62rpx;
	border-radius: 31rpx;
	text-align: center;
	font-size: 28rpx;
	line-height: 62rpx;
	margin-right: 30rpx;
}

.gray {
	border: 1rpx solid rgba(204, 204, 204, 1);
	color: #666;
}

.red {
	border: 1rpx solid rgba(242, 85, 0, 1);
	color: #f25500;
}

.my-orders-shop-item-detail {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.my-orders-shop-item-detail-item {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: 20rpx;
}

.my-orders-shop-item-detail-item-left {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: center;
}

.my-orders-shop-item-detail-item-left-img {
	width: 185rpx;
	margin-left: 30rpx;
	flex: 0 0 185rpx;
}

.my-orders-shop-item-detail-item-right {
	text-align: right;
	line-height: 50rpx;
	margin-right: 30rpx;
}

.my-orders-shop-item-detail-item-right-money {
	font-size: 28rpx;
	color: rgba(242, 85, 0, 1);
}

.my-orders-shop-item-detail-item-right-cnt {
	font-size: 24rpx;
	color: #999;
}

.my-orders-shop-item-detail-item-left-txt {
	margin-left: 10rpx;
}

.my-orders-shop-item-detail-item-left-title {
	width: 377rpx;
	color: #333;
	font-size: 24rpx;
	color: rgba(51, 51, 51, 1);
	line-height: 36rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.my-orders-shop-item-detail-item-left-desc {
	color: #666;
	font-size: 24rpx;
	line-height: 36rpx;
	margin-top: 15rpx;
	word-break: break-all;
}

.my-orders-shop-item-tips {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.my-orders-shop-item-tips-row {
	width: 90%;
	border-top: 1rpx solid#E6E6E6;
	display: flex;
	align-items: center;
	justify-content: space-between;

	font-size: 28rpx;
	color: #333;
	line-height: 100rpx;
}

.my-orders-shop-item-tips-row-money {
	color: #F25500
}

.order-detail-log-containter {
	position: relative;
	width: 100%;
}

.order-detail-log-top {
	width: 100%;
	height: 200rpx;
	background: linear-gradient(90deg, #FF6146 0%, #FEC56E 100%);

	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.order-detail-log-top-icon {
	width: 65rpx;
	height: 64rpx;
	margin-left: 100rpx;
}

.order-detail-log-top-txt {
	margin-left: 30rpx;
	font-size: 30rpx;
	color: #fff;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.order-detail-log-center {
	width: 100%;
	height: 160rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	margin-bottom: 30rpx;
}

.order-detail-log-center-icon {
	width: 36rpx;
	height: 36rpx;
	margin-left: 40rpx;
}

.order-detail-log-center-left {}

.order-detail-log-center-left-txt {
	font-size: 26rpx;
	color: #333;
	line-height: 36rpx;
	display: flex;
}

.order-detail-log-center-right {
	margin-right: 50rpx;
}

.order-detail-log-bottom {
	width: 100%;
	height: 160rpx;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.order-detail-log-bottom-icon {
	width: 42rpx;
	height: 42rpx;
	margin-left: 30rpx;
}

.order-detail-log-bottom-info {
	width: 514rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	margin-left: 30rpx;
}

.order-detail-log-bottom-info-name {
	width: 100%;
	font-size: 26rpx;
	color: #999;
	line-height: 42rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.order-detail-log-bottom-info-nick-name {
	max-width: 60%;
	color: #333;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 20rpx;
}

.order-detail-log-bottom-info-address {
	width: 100%;
	font-size: 26rpx;
	line-height: 42rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.order-detail-log-bottom-icon-mod {
	width: 30rpx;
	height: 30rpx;
	margin-left: 60rpx;
}

.wait-pay-tips {
	font-size: 30rpx;
	color: rgba(255, 255, 255, 1);
}

.wait-pay-time {
	font-size: 22rpx;
	color: rgba(255, 255, 255, 0.8);
}

.copy_btn {
	display: inline;
	margin-left: 10rpx;
}

.sale_after {
	text-align: right;
	margin-bottom: 15rpx;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
</style>
